<template>
  <component
    :is="activeData.component"
    :key="activeData.type"
  />
</template>

<script setup>
// 信息录入
import Enter from './enter.vue'
// 补充调研
import Survey from './survey.vue'

const typeActive = ref(2)
// 页面类型
const typePage = reactive([
  { title: '信息录入', type: 1,  component: markRaw(Enter) },
  { title: '补充调研', type: 2,  component: markRaw(Survey) },
])
const activeData = computed(() => {
  return typePage.find(x => x.type == typeActive.value)
})
</script>

<style>
</style>
